<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title></title>
    <link rel="stylesheet" href="plugin/reset.css"/>
    <link rel="stylesheet" href="style/index.css"/>
    <script src="plugin/jquery-2.1.3.min.js"></script>
    <!--<script src="script/event.js"></script>-->
    <script src="script/index.js"></script>
</head>
<body>
<div class="container choose">
    <div class="header">
        <h2>选择模板</h2>
    </div>
    <div class="main">
        <div class="cards">
            <div class="card" style="background-image: url(images/1.jpg);">
                <div class="title">大白白白</div>
            </div>
            <div class="card" style="background-image: url(images/2.jpg);">
                <div class="title">Happy Birthday</div>
            </div>
            <div class="card" style="background-image: url(images/3.jpg);">
                <div class="title">Marry</div>
            </div>
            <div class="card" style="background-image: url(images/1.jpg);">
                <div class="title">大白白白</div>
            </div>
            <div class="card" style="background-image: url(images/2.jpg);">
                <div class="title">Happy Birthday</div>
            </div>
            <div class="card" style="background-image: url(images/3.jpg);">
                <div class="title">Marry</div>
            </div>
            <div class="card" style="background-image: url(images/1.jpg);">
                <div class="title">大白白白</div>
            </div>
            <div class="card" style="background-image: url(images/2.jpg);">
                <div class="title">Happy Birthday</div>
            </div>
            <div class="card" style="background-image: url(images/3.jpg);">
                <div class="title">Marry</div>
            </div>
        </div>
    </div>
    <div class="footer">
        <a href="javascript:">+ 自定义</a>
    </div>
</div>
</body>
</html>